/<template>
  <div>  //轮播图组件
    <van-swipe :autoplay="3000" :width="300" :height="200">
    //子组件
  <van-swipe-item v-for="(image, index) in images" :key="index">
    <img v-lazy="image" />//显示图片，v-lazy懒加载提高性能
  </van-swipe-item>
</van-swipe>
  </div>
</template>
//轮播图组件
<script>
import Vue from 'vue';
import { Lazyload } from 'vant';//对vant组件的使用，局部注册懒加载组件

Vue.use(Lazyload);

export default {
  data() {
    return {//定义轮播图里的图片
      images: [
        'https://img01.yzcdn.cn/vant/apple-1.jpg',
        'https://img01.yzcdn.cn/vant/apple-2.jpg',
      ],
    };
  },
};
</script>

<style>
</style>